<%@page import="java.awt.print.Printable"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>圆通电子面单</title>
<style type="text/css">
<!--
body {
	line-height: 15pt;
	color: #333;
	background-color: #FFF;
}

.tab1 {
	width: 100mm;
	height: 178mm;
}

.tabsb {
	border: #dddddd solid 1px;
}

.tabrd {
	border-bottom: #dddddd dashed 1px;
	border-right: #dddddd dashed 1px;
}

.tabr {
	border-right: #dddddd dashed 1px;
}

.tabd {
	border-bottom: #dddddd dashed 1px;
}
-->
</style>
</head>

<body>
	<table class="tabsb tab1" border="0" align="left" cellpadding="0"
		cellspacing="0">

		<tr>
			<td>
				<table width="100%" border="0" cellspacing="0" cellpadding="0"
					style="border-bottom:#48096c solid 4px;">
					<tr>
						<td align="left" valign="middle"
							style="width:45mm; height:15mm; padding-left:10px;"><%-- <img
							src="${ctx}/static/images/expressStyle/yto/yto.jpg" width="110" height="32" /> --%>
						</td>
						<td align="left" valign="middle" style="padding-left:10px;">
							<!-- <span style="font-size:11pt; font-weight:bolder;">代收货款</span> <br>
							<span style=" font-size:9pt;"> 金额（小写）：<strong>￥2700.10元</strong> -->
						</span></td>
					</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td>
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td style="width:35mm; height:20mm;" align="center" valign="middle" class="tabrd">
							<%-- <img src="${ctx}/static/images/expressStyle/yto/yto-ewm.png" width="58" height="58" /> --%>
						</td>
						<td align="center" valign="middle" class="tabd"><span
							style="font-size:36px; font-weight:bolder;">${printerModel.toDistCode}</span></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td style="height:15mm;" align="center" valign="middle" class="tabd">
				<!--src="img/ydh.jpg" width="200" height="50" />-->
			</td>
		</tr>
		<tr>
			<td>
				<table width="100%" border="0" cellspacing="0" cellpadding="0"
					style="border-bottom:#48096c solid 6px;">
					<tr>
						<td colspan="2" class="tabrd"
							style=" height:17mm;padding-left:10px;"><span
							style="font-size:10pt;">寄件人:${printerModel.fromAddress}</span> <br> <span
							style="font-size:10pt; margin-left:13mm;">${printerModel.fromPhone}&nbsp;&nbsp;&nbsp;&nbsp;${printerModel.fromMobile}</span></td>
						<td rowspan="3" style=" width:5mm; padding-left:10px;"><span
							style="font-size:10pt;">签收联</span></td>
					</tr>
					<tr>
						<td colspan="2" class="tabrd" style="height:17mm;padding-left:10px;">
							<span style="font-size:11pt;font-weight:bolder;"">收件人:${printerModel.toName} &nbsp;&nbsp;${printerModel.toPhone}&nbsp;&nbsp;&nbsp;&nbsp;${printerModel.toMobile}</span> <br> 
							<span style="font-size:11pt;font-weight:bolder; margin-left:14mm;">${printerModel.toAddress}</span>
						</td>
					</tr>
					<tr>
						<td class="tabr" style="width:43mm;height:16mm;padding-left:10px;">
							<span style="font-size:10pt;">收件人/代收人: </span> <br> <span
							style="font-size:10pt;">&nbsp;</span></td>
						<td class="tabr" style="padding-left:10px;"><span
							style="font-size:10pt;">签收时间:</span> <br> <span
							style="font-size:10pt; margin-left:45px;">
								年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</span></td>
					</tr>
				</table></td>
		</tr>
		<tr>
			<td><table width="100%"
					border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td style=" width:50mm;height:15mm;" align="center" valign="middle">
							<%-- <img src="${ctx}/static/images/expressStyle/yto/yto-phone.jpg" width="175" height="35" /> --%>
						</td>
						<td align="center" valign="middle">
							<!--<img src="img/ydh.jpg" width="160" height="40" />-->
						</td>
					</tr>
				</table></td>
		</tr>
		<tr>
			<td>
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="tabrd" style="height:14mm;padding-left:10px;">
							<span style="font-size:10pt;">寄件人:${printerModel.fromAddress}</span> <br>
							<span style="font-size:10pt; margin-left:12mm;">${printerModel.fromPhone}&nbsp;&nbsp;&nbsp;&nbsp;${printerModel.fromMobile}</span>
						</td>
						<td rowspan="2" class="tabd" style=" width:5mm;padding-left:10px;">
							<span style="font-size:10pt;">收件联</span>
						</td>
					</tr>
					<tr>
						<td class="tabrd" style="height:14mm;padding-left:10px;">
							<span style="font-size:10pt;">收件人:${printerModel.toName} &nbsp;&nbsp;${printerModel.toPhone}&nbsp;&nbsp;&nbsp;&nbsp;${printerModel.toMobile}</span> <br> 
							<span style="font-size:10pt; margin-left:12mm;">${printerModel.toAddress}</span>
						</td>
					</tr>
				</table></td>
		</tr>
		<tr>
			<td>
				<table width="100%" border="0" cellspacing="0" cellpadding="0"
					style="line-height:10px;">
					<tr>
						<td align="left" valign="middle" class="tabrd" style=" height:23mm;padding-left:10px;">
							<span style="font-size:8pt;"> 订单详情:</span> 
							<c:forEach items="${printerModel.packItems}" var="item" varStatus="i">
								<span style="font-size:6pt;${i.index ne 0 ? 'margin-left:55px;' : ''}">${item.itemName }</span> <br>
							</c:forEach>					
						</td>
						<td style="width:25mm;" align="center" valign="middle" class="tabd">
							<!-- <img src="img/smyl.jpg" width="75" height="80" /> -->
						</td>
					</tr>
				</table></td>
		</tr>
		<tr>
			<td style=" height:6mm;padding-left:10px;">
				<!--<span style="font-size:9pt;">代收货款&nbsp;&nbsp;&nbsp;&nbsp;金额（小写）：<strong>￥2700.10元</strong></span>-->
			</td>
		</tr>
	</table>
</body>
</html>
